<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>千园千变，万班万课</title>
    <meta name="description" content="这是一个 index 页面">
    <meta name="keywords" content="index">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="renderer" content="webkit">
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <link rel="icon" type="image/png" href="assets/i/favicon.ico">
    <link rel="apple-touch-icon-precomposed" href="assets/i/app-icon72x72@2x.png">
    <meta name="apple-mobile-web-app-title" content="Amaze UI"/>
    <link rel="stylesheet" href="assets/css/amazeui.min.css"/>
    <link rel="stylesheet" href="assets/css/admin.css">
    <link rel="stylesheet" href="assets/css/app.css">
</head>

<body data-type="login" id="noCheckLogin">
    <div class="am-g   myapp-login">
        <span class="bg_l_b"></span>
        <span class="bg_r_t"></span>
        <span class="bg_r_b"></span>
        <div class="myapp-login-logo-block tpl-login-max ">
            <div class="login_header">
                <p class="logo_content"><img src="assets/images/logo.png" alt=""></p>
                <span class="service"><svg t="1614157239896" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="583" width="18" height="18"><path d="M679.8 392.1c13.1 16.1 26.5 31.9 40.3 47.4 11.9 14.3 25.2 30.1 39.8 47.4 14.6 17.3 29.7 35 45.2 53 19.7 23.6 35.9 44.6 48.8 63.2 12.8 18.6 23 35.6 30.4 51.1 7.5 15.5 12.5 29.8 15.2 42.8 2.7 13 4 26.1 4 39.1v60.4c0 18.6-3 35.4-9 50.2-5.6 14.3-14 27.4-24.6 38.6-10.2 10.7-22.3 19.2-35.8 25.1-13.4 5.9-27.6 8.8-42.5 8.8H239.5c-15.7 0.1-31.4-2.8-46.1-8.3-28.8-10.7-52.2-32.4-64.9-60.4-6.6-14.3-9.9-30.4-9.9-48.4v-71.6c0-14.9 1.3-29.1 4-42.8 2.7-13.6 7.6-27.9 14.8-42.8 7.2-14.9 17-30.9 29.5-47.9s28.3-35.8 47.4-56.3c15.5-17.3 31.5-34.9 47.9-52.5 16.4-17.7 31.2-33.6 44.3-47.9l44.8-48.4 328.5 0.2zM511.6 744.5c15.5 0 30.1-3.1 43.9-9.3 13.4-6 25.6-14.5 35.8-25.1 10.4-10.9 18.6-23.7 24.2-37.7 6-14.6 9-29.9 9-46s-3-31.3-9-45.6c-5.7-13.8-13.9-26.4-24.2-37.2-10.2-10.6-22.4-19.1-35.8-25.1-13.8-6.2-28.7-9.4-43.9-9.3-15.5 0-30.3 3.1-44.3 9.3-13.6 5.9-25.9 14.4-36.2 25.1-21.3 22.3-33.1 51.9-33.1 82.8 0 16.1 3 31.5 9 46 5.6 14 13.8 26.8 24.2 37.7 10.3 10.7 22.6 19.2 36.2 25.1 13.8 6.2 28.9 9.3 44.2 9.3z m448.4-465v58.6c0 16.1-5.5 29.8-16.6 40.9-10.4 10.9-24.8 16.9-39.8 16.7H791.7c-14.9 0.3-29.2-5.8-39.4-16.7-10.7-11.2-16.1-24.8-16.1-40.9v-58.6H287.8v58.6c0 16.1-5.4 29.8-16.1 40.9-10.2 10.9-24.5 17-39.4 16.7H120.4c-15 0.2-29.5-5.9-39.8-16.7-11-11.2-16.6-24.8-16.6-40.9v-60.4c0-7.4 1.8-13.8 5.4-19.1 3.6-5.3 8-10.1 13.4-14.4s11.3-8.2 17.9-11.6c6.6-3.4 13.1-7.3 19.7-11.6 6.6-3.7 21.3-11.9 44.3-24.6 23-12.7 51.9-25.9 86.8-39.5 34.9-13.6 74.6-25.7 119-36.2 44.5-10.6 91.8-15.8 141.9-15.8 57.3 0 108.5 5.3 153.5 15.8C711 131.2 750 143.3 783.2 157c33.1 13.6 59.7 26.8 79.7 39.5s33.6 20.9 40.7 24.6c7.1 4.4 14 8.2 20.6 11.6 6.6 3.4 12.5 7.3 17.9 11.6 5.4 4.3 9.7 9.2 13 14.4 3.3 5.3 4.9 11.6 4.9 19.1v1.7z" fill="#333333" p-id="584"></path></svg>服务热线：400-0606-765</span>
            </div>
            <div class="login_body">
                <div class="login_img"><img src="assets/images/login_bg_main.png" alt=""></div>
                <div class="login-am-center login_form_panel">
                    <h2 class="form_title">找回密码</h2>
                    <form class="am-form">
                        <div class="am-form-group line">
                            <label>账号</label>
                            <input type="text"
                                   class="verification[required,mobile]" data-info="账号" id="username" placeholder="请输入账号" value="">
                            <span class="tips"></span>
                        </div>
                        <div class="am-form-group line">
                            <label>密码</label>
                            <input type="password" name="one_pwd" id="one_pwd" class="verification[required,NotSpecial,maxSize[16],minSize[6]]" data-info="密码"  placeholder="请输入密码" value="">
                            <span class="tips"></span>
                        </div>
                        <div class="am-form-group line">
                            <label>确认密码</label>
                            <input type="password" name="two_pwd" id="two_pwd" class="verification[required,NotSpecial,maxSize[16],minSize[6]]" data-info="确认密码"  placeholder="请输入确认密码" value="">
                            <span class="tips"></span>
                        </div>
                        <div class="am-form-group line">
                            <label >验证码</label>
                            <input type="text"  id="captcha"  class="verification[required]" data-info="短信验证码"  placeholder="请输入与验证码" value="">
                            <button type="button" class="am-btn am-btn-primary send_btn" id="get-sms-code">获取验证码</button>
                            <span class="tips"></span>
                        </div>
                        <p>
                            <button type="submit" class="am-btn am-btn-default confirm_btn" id="submit">登录</button>
                        </p>
                        <p class="forget_password"><a href="login.html">找到密码直接登录</a></p>
                    </form>
                </div>
            </div>
            <p class="copyright">Copyright©2017-2020 www.qyqbwbwk.com <a href="https://beian.miit.gov.cn">京ICP备17052266号-4</a></p>
        </div>
    </div>
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/amazeui.min.js"></script>
<script src="assets/js/layer.js"></script>
<script src="assets/js/jquery.cookie.js"></script>
<script src="assets/js/md5.min.js"></script>
<script src="assets/js/request.js"></script>
<script src="assets/js/verification.js"></script>
<script src="assets/js/app.js"></script>
<script>


function getPhone(){
  var $phone = $("#username");
  var phone = $.trim($phone.val());
  var err_type = false;
  var err_str = '';
  if(!phone){
    err_type = false;
    err_str = '请填写手机号码';
  }else if(!/1\d{10}/.test(phone)){
    err_type = false;
    err_str = '手机号码格式不正确';
  }else{
    err_type = true;
  }
  console.log(err_type)
  if(err_type){
    $phone.removeClass('check-error').siblings('.tips').text('');
  }else{
    $phone.addClass('check-error').siblings('.tips').text(err_str);
    return false;
  }
  return phone;
}

$(function(){
  $("#get-sms-code").click(function(){
    var $this = $(this);
    var phone = getPhone();
    if(phone){
      var timer = 60;
      $this.attr('disabled','disabled');
      function _run(){
        if(-- timer > 0){
          $this.text(timer+"s重新获取");
          setTimeout(_run,1000);
        }else{
          $this.text("获取验证码").attr('disabled',false)
        }
      }
   AjaxRequest({
        url: '/admin/phoneCode/',
        data: {username:phone},
        succFun: function (res) {
          var data =res.data
            _run();
          layer.msg(res.message,{icon:1,time:1200},function () {
          })
        }
      })
    }
  });
});

$('#submit').click(function (e) {
  e.preventDefault()
  if (Verification()) {
    var username = $('#username').val().trim()
    var one_pwd = $('#one_pwd').val()
    var two_pwd = $('#two_pwd').val()
    var captcha = $('#captcha').val()
    AjaxRequest({
      url: '/admin/find_pwd/',
      data: {username, one_pwd, two_pwd,captcha},
      succFun: function (res) {
        var data =res.data
        layer.msg(res.message,{icon:1,time:1200},function () {
          location.href='login.html'
        })
      }
    })
  }
})
</script>
</body>
</html>